<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<div id="main" style="width: 100%;height: 500px;"></div>
		<script type="text/javascript">
			var chartDom = document.getElementById('main');
			var myChart = echarts.init(chartDom);
			var options = {
				xAxis: {
					type: 'category',
					boundaryGap: false,
					data: ['14:46', '14:55', '15:00', '15:10', '15:20', '15:30', '15:40']
				},
				legend: {

				},
				yAxis: {
					type: 'value'
				},
				tooltip: {
					trigger: 'item',
					axisPointer: {
						type: 'cross'
					}
				},
				series: [{
					name: '浏览量',
					data: [820, 932, 901, 934, 1290, 1330, 1320],
					type: 'line',
					areaStyle: {}
				}, {
					name: '访客数',
					data: [420, 532, 501, 534, 890, 930, 920],
					type: 'line',
					areaStyle: {}
				}]
			};
			myChart.setOption(options);
		</script>
	</body>
</html>
